<template>
  <div class="title">
    <div class="text">
        <h1>宿舍可视化管理系统</h1>
        <p>干净明亮、舒适温馨、安全可靠</p>
    </div>
  </div>
</template>

<script setup>

</script>

<style lang="less" scoped>
@import "@/styles/mixin.less";
@import "@/styles/var.less";
.title{
    width: 100%;
    height: 100%;
    position: relative;
}
.text{
    .self-center();
    h1{
        color: @white;
        font-size: 40px;
        margin-bottom: 20px;
        text-shadow: -1px 1px #bbb,-2px 2px #bbb,-3px 3px #bbb,-4px 4px #bbb
    }
    p{
        color: @white;
        font-size: 24px;
    }
}
</style>